
<template>
  <div id="app">
	  <!--上面部分-->
	  <router-view></router-view>
	   <!--导航部分-->
	   <NavBottom v-show="$store.state.isNavShow"/>
   
  </div>
</template>

<script >
	import NavBottom from './components/navBottom.vue'
	export default{
		
		setup(){
			const stae = reactive({  //相当于数据DATE
				
			})
			const active = () =>{     //相当于方法method
				
			}
			//return state; setup函数J将响应式数据对象返回出去供template使用
			//toRefs 函数可以将reactive创建出来的数据转化为响应式的数据
			return {
				...toRefs(state)
				}
			},
		components:{
			NavBottom
		}
	}

</script>

<style>
	@import './assets/css/index.css';
	#app .active{
		color: #080606;
	}
</style>
